import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image, Picker, Swiper, SwiperItem } from '@tarojs/components'
import image_0 from '../../../img/head_img.png'
import image_2 from '../../../img/icon-dianzan-kong.png'
import image_3 from '../../../img/icon-shoucan-kong.png'
import image_4 from '../../../img/icon-comment-kong.png'
import image_5 from '../../../img/icon-zhuangfa.png'
import {AtList,AtListItem,AtGrid} from 'taro-ui'
import { $navigateTo, $redirectTo, getGlobalData, $navigateBack } from '../../../global';
import './dongtailiebiao.scss'
import reactMixin from 'react-mixin';
import myJs from '../../pages/dongtailiebiao/dongtailiebiaojs.js'
import app from '../../../main.js'

export default class Dongtailiebiao extends Component {
    config = {
        navigationBarTitleText: '动态列表'
    }
    constructor () { 
        super(...arguments); 
        this.state = this.getData(); 
    }
    componentWillMount () {}
    componentDidMount () {}
    componentWillUnmount () {}
    componentDidShow () {}
    componentDidHide () {}
    navigateTo(url) { Taro.navigateTo({url: url}) }
    render () {
        return (
            <View className='dongtailiebiao'>
                <View>
                    <View className=' class_0'>
                        <AtList>
                            <AtListItem hasBorder={false} title='李医生' note='广州医科大学附属医院' extraText='14:30' thumb={image_0}></AtListItem>
                        </AtList>
                        <View className=' class_1'>
                            <View className='at-article '>
                                <View className='at-article__p class_2'>那么在数据化时代，运用这些技术，未来还可以突破的地方是</View>
                            </View>
                            <View className=' class_3'>
                                <Image className=' class_4' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_5' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_6' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_7' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                            </View>
                        </View>
                        <AtGrid mode='rect' hasBorder={false} columnNum='4' data={[{ image:image_2,value:'2'},{ image:image_3,value:'2'},{ image:image_4,value:'2'},{ image:image_5,value:'2'}]}>
                        </AtGrid>
                    </View>
                    <View className=' class_8'>
                        <AtList>
                            <AtListItem hasBorder={false} title='李医生' note='广州医科大学附属医院' extraText='14:30' thumb={image_0}></AtListItem>
                        </AtList>
                        <View className=' class_9'>
                            <View className='at-article '>
                                <View className='at-article__p class_10'>那么在数据化时代，运用这些技术，未来还可以突破的地方是</View>
                            </View>
                            <View className=' class_11'>
                                <Image className=' class_12' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_13' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_14' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                                <Image className=' class_15' src={getGlobalData('baseurl')+'img/dongtai4.jpg'}></Image>
                            </View>
                        </View>
                        <AtGrid mode='rect' hasBorder={false} columnNum='4' data={[{ image:image_2,value:'2'},{ image:image_3,value:'2'},{ image:image_4,value:'2'},{ image:image_5,value:'2'}]}>
                        </AtGrid>
                    </View>
                </View>
            </View>
        );
    }
}
reactMixin.onClass(Dongtailiebiao,myJs);